<!--
 * @Description: 心理评估--表单页
 * @Autor: -
 * @Date: 2021-07-11 13:28:19
 * @LastEditors: luojie
 * @LastEditTime: 2021-07-28 16:13:26
-->

<template>
  <view class="content myform">
    <uni-forms
      :value="formData"
      ref="form"
      validate-trigger="bind"
      err-show-type="undertext"
    >
      <view class="max-title">基本信息2</view>
      <view class="info">
        <view class="info-item">
          <view>姓名</view>
          <view>{{ personInfo.name || "" }}</view>
        </view>
        <view class="info-item">
          <view>身份证/ 其他证件</view>
          <view>{{ personInfo.cardId || "" }}</view>
        </view>
        <view class="info-item">
          <view>性别</view>
          <view>{{ gender }}</view>
        </view>
      </view>

      <view class="max-title">亲友联系方式</view>
      <uni-forms-item
        name="friendsName"
        label="亲友联系人姓名？"
        class="list-item"
      >
        <uni-easyinput
          type="text"
          v-model="formData.friendsName"
          placeholder="请输入您的答案"
        ></uni-easyinput>
      </uni-forms-item>
      <uni-forms-item
        name="friendsPhone"
        label="亲友联系人电话？"
        class="list-item"
      >
        <uni-easyinput
          type="text"
          v-model="formData.friendsPhone"
          placeholder="请输入您的答案"
        ></uni-easyinput>
      </uni-forms-item>

      <view class="max-title" style="display: flex">
        <view style="flex: 1">结果</view>
        <view @click="radioChangeAll(0)" class="default-all">健康无异常</view>
        <!-- <view @click="radioChangeAll(1)" class="default-all">全选是</view> -->
      </view>
      <view class="small-title" style="padding: 0 40rpx">既往病史</view>
      <view v-for="(item, index) in healthStatus" :key="index">
        <view class="flex-box">
          <text :class="{'required': item.required}">{{ index + 1 }}.{{ item.label }}</text>
          <view>
            <uni-data-checkbox
              v-model="item.value"
              :localdata="item.range"
              @change="change"
              class="my-raido"
            ></uni-data-checkbox>
          </view>
          <view v-if="item.type == 'checkBox' && item.value == 1">
            <uni-data-checkbox
              multiple
              v-model="item.checkBoxValue"
              :localdata="item.array"
              @change="checkChange($event, item)"
            ></uni-data-checkbox>
          </view>
        </view>
        <view class="question">
          <uni-forms-item
            name="name"
            required
            :label="item.title"
            class="list-item"
            v-if="item.value"
          >
            <uni-easyinput
              type="text"
              v-model="item.answer"
              placeholder="请输入您的答案"
            ></uni-easyinput>
          </uni-forms-item>
        </view>
      </view>
      <view class="picker-control">
        <view class="picker-control-title">对医学观察的态度</view>
        <view class="picker-control-con">
          <picker
            @change="bindObservationChange"
            :value="attitudeTowardsMedicalObservationIndex"
            :range="observationArr"
            range-key="label"
            class="picker-control-con-picker"
          >
            <view style="display: inline-block" class="uni-input">
              {{
                attitudeTowardsMedicalObservation ?
                  observationArr[attitudeTowardsMedicalObservationIndex].label :
                  "请选择"
              }}
            </view>
            <view style="display: inline-block; float: right">
              <image
                class="nav-list-item-arr-show"
                src="https://szgd-dev.tgovcloud.com/public/images/arr-down.png"
                mode="widthFix"
              ></image>
            </view>
          </picker>
        </view>
      </view>

      <view class="picker-control">
        <view class="picker-control-title">自伤自杀风险</view>
        <view class="picker-control-con">
          <picker
            @change="bindInjuryChange"
            :value="degreeSuicideAndSelfInjuryIndex"
            :range="injuryArr"
            range-key="label"
            class="picker-control-con-picker"
          >
            <view style="display: inline-block" class="uni-input">
              {{
                degreeSuicideAndSelfInjury ?
                  injuryArr[degreeSuicideAndSelfInjuryIndex].label :
                  "请选择"
              }}
            </view>
            <view style="display: inline-block; float: right">
              <image
                class="nav-list-item-arr-show"
                src="https://szgd-dev.tgovcloud.com/public/images/arr-down.png"
                mode="widthFix"
              ></image>
            </view>
          </picker>
        </view>
      </view>

      <uni-forms-item
        name="statusQuoinHeart"
        label="心理现状"
        class="list-item"
      >
        <uni-easyinput
          type="text"
          v-model="formData.statusQuoinHeart"
          placeholder="请输入您的答案"
        ></uni-easyinput>
      </uni-forms-item>

      <view class="picker-control">
        <view class="picker-control-title">综合评估风险等级</view>
        <view class="picker-control-con">
          <picker
            @change="bindComprehensiveChange"
            :value="assessmentRiskLevelIndex"
            :range="comprehensiveArr"
            range-key="label"
            class="picker-control-con-picker"
          >
            <view style="display: inline-block" class="uni-input">
              {{
                assessmentRiskLevel ?
                  comprehensiveArr[assessmentRiskLevelIndex].label :
                  "请选择"
              }}
            </view>
            <view style="display: inline-block; float: right">
              <image
                class="nav-list-item-arr-show"
                src="https://szgd-dev.tgovcloud.com/public/images/arr-down.png"
                mode="widthFix"
              ></image>
            </view>
          </picker>
        </view>
      </view>

      <uni-forms-item
        name="assessmentDoctor"
        label="评估医生"
        class="list-item"
      >
        <uni-easyinput
          type="text"
          v-model="formData.assessmentDoctor"
          placeholder="请输入您的答案"
          disabled
        ></uni-easyinput>
      </uni-forms-item>

      <view class="picker-control">
        <view class="picker-control-title">评估时间</view>
        <view class="picker-control-con">
          <view>{{assessmentTime}}</view>
          <!-- <picker
            mode="multiSelector"
            :value="dateTime"
            @change="bindDateChange"
            class="picker-control-con-picker-date"
            @columnchange="changeDateTimeColumn"
            :range="dateTimeArray"
          >
            <view class="lableBox" style="display: inline-block">
              <view class="uni-input">{{ assessmentTime }}</view>
            </view>
          </picker> -->
        </view>
      </view>

      <view class="max-title">评估风险</view>
      <view class="info">
        <view class="info-item info-item-watch">
          <view>ISI
            <span v-show="resultList.scoreIsi | scorePD">得分：</span>
            <text style="color: #2c9af1; margin-left: 20rpx">
              {{ resultList.scoreIsi | scorePD }}
            </text>
          </view>
          <view>{{ resultList.resultIsi | resultPD }}</view>
        </view>
        <view class="info-item info-item-watch">
          <view>PHQ-9
            <span v-show="resultList.scorePhq9 | scorePD">得分：</span>
            <text style="color: #2c9af1; margin-left: 20rpx">
              {{ resultList.scorePhq9 | scorePD }}
            </text>
          </view>
          <view>{{ resultList.resultPhq9 | resultPD }}</view>
        </view>
        <view class="info-item info-item-watch">
          <view>GAD-7
            <span v-show="resultList.scoreGad7 | scorePD">得分：</span>
            <text style="color: #2c9af1; margin-left: 20rpx">
              {{ resultList.scoreGad7 | scorePD}}
            </text>
          </view>
          <view>{{ resultList.resultGad7 | resultPD }}</view>
        </view>
      </view>
      <view class="btn-con">
        <button class="btn" @click="submitAll">
          <text style="color: #fff">提交</text>
        </button>
      </view>
    </uni-forms>
    <view style="height: "></view>
  </view>
</template>

<script>
import { getData } from "../../api/index";
import { comprehensiveCong as formCong } from "./formConfig";
import { cardTypes } from "@/data";
import {translateDic} from "@/utils"
const {
  dateTimePicker,
  getMonthDay,
  generateTimeStr,
} = require("../../utils/dateTimePicker.js");
export default {
  data() {
    return {
      isChange: '0',
      dateTime: null,
      dateTimeArray: null,
      startYear: 2021,
      resultList: {},
      name: "",
      identity: "",
      nation: "",
      age: "",
      phone: "",
      isolationPoint: "",
      sex: "0",
      rzfh: "--",
      assessmentTime: "",
      attitudeTowardsMedicalObservation: '',
      attitudeTowardsMedicalObservationIndex: 0,
      degreeSuicideAndSelfInjury: '',
      degreeSuicideAndSelfInjuryIndex: 0,
      assessmentRiskLevel: '0',
      assessmentRiskLevelIndex: 0,
      id: "",
      formData: {
        friendsName: "",
        friendsPhone: "",
        statusQuoinHeart: "",
        assessmentDoctor: "",
      },
      observationArr: [
        {
          value: 1,
          name: "完全理解",
        },
        {
          value: 2,
          name: "部分理解",
        },
        {
          value: 3,
          name: "不理解",
        },
      ],
      injuryArr: [
        {
          value: 0,
          name: "无自杀自伤风险",
        },
        {
          value: 1,
          name: "有自杀自伤风险",
        },
        {
          value: 2,
          name: "有自杀自伤企图",
        },
        {
          value: 3,
          name: "有自杀自伤行为",
        },
      ],
      comprehensiveArr: [
        {
          value: 0,
          name: "低风险",
        },
        {
          value: 1,
          name: "中风险",
        },
        {
          value: 2,
          name: "高风险",
        },
      ],
      healthStatus: formCong.healthStatus,
      text: "",
      personInfo: {}
    };
  },
  computed:{
    gender:function(){
      // 先判断gender，若没有值则判断身份证倒数第二位，奇数为男，偶数为女
      if (this.personInfo.gender ==0) {
        return '女'
      }else if(this.personInfo.gender ==1){
        return '男'
      }else{
        if (this.personInfo.cardType == "身份证") {
          console.log('身份证倒数第二位：',this.personInfo.cardId.slice(-2,-1));
          if (this.personInfo.cardId && this.personInfo.cardId.slice(-2,-1)%2 == 0 ) {
            return '女'
          }else if(this.personInfo.cardId && this.personInfo.cardId.slice(-2,-1)%2 != 0){
            return '男'
          }else{
            return ''
          }
        }else{
          return ''
        }
      }
    }
  },
  filters: {
    sexPD: (value) => {
      if (value == 0) {
        return "女";
      } else if (value == 1) {
        return "男";
      } else {
        return "";
      }
    },
    scorePD: (value) => {
      if (value == null) {
        return "";
      } else {
        return value + '';
      }
    },
    resultPD: (value) => {
      if (value == null) {
        return "未评估";
      } else {
        return value;
      }
    },
  },
  async onLoad(e) {
    uni.showLoading();
    this.isChange = e.isChange;
    this.initTime();
    this.getList();
    this.personInfo = uni.getStorageSync("personInfo")
    this.personInfo.cardType = translateDic(cardTypes, this.personInfo.cardType)
    let detailLits = uni.getStorageSync("detailLits");
    this.observationArr = await this.$store.dispatch('getDic','attitudeTowardsMedicalObservation');
    this.injuryArr = await this.$store.dispatch('getDic','degreeSuicideAndSelfInjury');
    this.comprehensiveArr = await this.$store.dispatch('getDic','assessment_riskLevel');
    if (this.observationArr[0]) {
      this.attitudeTowardsMedicalObservation = this.observationArr[0].value;
      console.log(this.attitudeTowardsMedicalObservation)
    }
    if (this.injuryArr[0]) {
      this.degreeSuicideAndSelfInjury = this.injuryArr[0].value;
    }
    if (this.comprehensiveArr[0]) {
      this.assessmentRiskLevel = this.comprehensiveArr[0].value;
    }
    if (detailLits != "") {
      this.healthStatus = detailLits;
    }
    // 对医学观察的态度，默认完全理解
    this.formData.friendsName = uni.getStorageSync("friendsName");
    this.formData.friendsPhone = uni.getStorageSync("friendsPhone");
    this.formData.statusQuoinHeart = uni.getStorageSync("statusQuoinHeart");
    this.formData.assessmentDoctor = uni.getStorageSync("personalInfo").name;
    this.assessmentTime = uni.getStorageSync("assessmentTime")
      ? uni.getStorageSync("assessmentTime")
      : generateTimeStr(this.dateTimeArray, this.dateTime);
    uni.hideLoading();
  },
  methods: {
    //综合评估风险等级选择
    bindComprehensiveChange: function (e) {
      let index = e.detail.value;
      this.assessmentRiskLevelIndex = index;
      this.assessmentRiskLevel = this.comprehensiveArr[index].value;
    },
    //自杀自伤风险等级选择
    bindInjuryChange: function (e) {
      let index = e.detail.value;
      this.degreeSuicideAndSelfInjuryIndex = index;
      this.degreeSuicideAndSelfInjury = this.injuryArr[index].value;
    },
    //对医学观察的态度选择
    bindObservationChange: function (e) {
      let index = e.target.value;
      this.attitudeTowardsMedicalObservationIndex = index;
      this.attitudeTowardsMedicalObservation = this.observationArr[index].value;
    },
    //修改判断
    change(e) {
      console.log("e:", e);
    },
    checkChange(e, item) {},
    //全选否判断
    radioChangeAll(value) {
      this.healthStatus.forEach((item) => {
        item.value = value;
      });
    },
    //确认跳转
    submitAll() {
      let name = "";
      let tipText = "";
      // 校验单选框
      this.healthStatus.forEach((item) => {
        // 如果是必填项，值不能为空，或者选了是，answer值不能为空
        if ((item.required && !name && item.value == null)) {
          name = item.label;
          tipText = "未选择";
          return;
        } else if (item.required && !name && item.value == 1 && !item.answer) {
          name = item.label;
          tipText = "未填写";
          return;
        }
      });
      if (name) {
        uni.showToast({
          title: tipText + name,
          duration: 3000,
          icon: "none",
        });
        return;
      }
      var parms = [...this.healthStatus];
      uni.setStorage({
        key: "detailLits",
        data: parms,
      });
      uni.setStorage({
        key: "attitudeTowardsMedicalObservation",
        data: this.attitudeTowardsMedicalObservation,
      });
      uni.setStorage({
        key: "assessmentRiskLevel",
        data: this.assessmentRiskLevel,
      });
      uni.setStorage({
        key: "degreeSuicideAndSelfInjury",
        data: this.degreeSuicideAndSelfInjury,
      });
      uni.setStorage({
        key: "friendsName",
        data: this.formData.friendsName || "",
      });
      uni.setStorage({
        key: "friendsPhone",
        data: this.formData.friendsPhone || "",
      });
      uni.setStorage({
        key: "statusQuoinHeart",
        data: this.formData.statusQuoinHeart,
      });
      uni.setStorage({
        key: "assessmentDoctor",
        data: this.formData.assessmentDoctor,
      });
      uni.setStorage({
        key: "assessmentTime",
        data: this.assessmentTime,
      });
      // 评估分数
      uni.setStorage({
        key: "results",
        data: this.resultList
      })
      this.getPost();
      uni.navigateTo({
        url:
          `/pages/healthInspect/comprehensiveDetails?isChange=${this.isChange}`,
      });
      /*
       */
    },
    // post 刚进页面的Post请求
    getPost() {
      // let cardId = this.id
      let {personId} = uni.getStorageSync("personInfo") //获取personId

      let contactName = this.formData.friendsName; //亲友联系人
      let contactPhone = this.formData.friendsPhone; //亲友联系电话

      //既往史
      let isSomaticDiseases = this.healthStatus[0].value; //是否有躯体疾病史
      let somaticDiseasesRemark = this.healthStatus[0].answer; //躯体疾病史备注

      let isMentalIllness = this.healthStatus[1].value; //是否有精神病史
      let mentalIllnessRemark = this.healthStatus[1].answer; //精神病史备注

      let isSuicideAndSelfInjury = this.healthStatus[2].value; //是否有自杀自伤史
      let suicideAndSelfInjuryRemark = this.healthStatus[2].answer; //自杀自伤史备注

      let isSubstanceAddiction = this.healthStatus[3].value; //是否有物质成瘾史
      let substanceAddictionRemark = this.healthStatus[3].answer; //物质成瘾史备注

      let isMajorStressEvents = this.healthStatus[4].value; //是否有重大事件应激史
      let majorStressEventsRemark = this.healthStatus[4].answer; //重大事件应激史备注
      // let otherSupplement = this.healthStatus[5].value; //是否有其他补充
      let otherSupplement = this.healthStatus[5].value ? this.healthStatus[5].answer : ""; //其他补充备注

      let statusQuoinHeart = this.formData.statusQuoinHeart; //心理现状
      let assessmentDoctor = this.formData.assessmentDoctor; //评估医生
      let assessmentTime = this.assessmentTime; //评估时间

      let healthStatusData = {
        personId,
        contactName,
        contactPhone,
        isSomaticDiseases,
        somaticDiseasesRemark,
        isMentalIllness,
        mentalIllnessRemark,
        isSuicideAndSelfInjury,
        suicideAndSelfInjuryRemark,
        isSubstanceAddiction,
        substanceAddictionRemark,
        isMajorStressEvents,
        majorStressEventsRemark,
        otherSupplement,
        attitudeTowardsMedicalObservation: this.attitudeTowardsMedicalObservation,
        degreeSuicideAndSelfInjury: this.degreeSuicideAndSelfInjury,
        statusQuoinHeart,
        assessmentRiskLevel: this.assessmentRiskLevel,
        assessmentDoctor,
        assessmentTime,
      };

      uni.setStorage({
        key: "healthStatusData",
        data: healthStatusData,
      });
    },
    // 发送数据
    putData() {},
    initTime() {
      let date = new Date();
      let endYear = date.getFullYear();
      // 获取完整的年月日 时分秒，以及默认显示的数组
      let obj = dateTimePicker(this.startYear, endYear);
      // 精确到分的处理，将数组的秒去掉
      // let lastArray = obj.dateTimeArray.pop();
      // let lastTime = obj.dateTime.pop();

      this.dateTimeArray = obj.dateTimeArray;
      this.dateTime = obj.dateTime;
    },
    bindDateChange(e) {
      this.dateTime = e.detail.value;
      this.assessmentTime = generateTimeStr(this.dateTimeArray, this.dateTime);
      //ios时间不能用'-'解析成时间戳
    },
    /*年,月切换时重新更新计算*/
    changeDateTimeColumn(e) {
      //let {id} = e.target;
      let { column, value } = e.detail;
      if (column == 0 || column == 1) {
        //直接修改数组下标视图不更新,用深拷贝之后替换数组
        let dateTime = JSON.parse(JSON.stringify(this.dateTime));
        let dateTimeArray = JSON.parse(JSON.stringify(this.dateTimeArray));
        dateTime[column] = value;
        dateTimeArray[2] = getMonthDay(
          dateTimeArray[0][dateTime[0]],
          dateTimeArray[1][dateTime[1]]
        );
        this.dateTime = dateTime;
        this.dateTimeArray = dateTimeArray;
      }
    },
    getList() {
      let {personId} = uni.getStorageSync("personInfo")
      let parms = {
        personId,
      };
      getData("comprehensive", "get", parms)
        .then((res) => {
          if (res != null && res != "") {
            this.resultList = res[0];
            this.healthStatus.forEach((item) => {
              item.value = this.resultList[item.fieId];
              item.answer = this.resultList[item.inputFieId];
              if (item.fieId == "otherFieId") {
                item.answer = this.resultList.otherSupplement
                item.value = this.resultList.otherSupplement ? 1 : 0
              }
              this.formData.friendsName = this.resultList.contactName || "";
              this.formData.friendsPhone = this.resultList.contactPhone || "";
              this.formData.statusQuoinHeart = this.resultList.statusQuoinHeart;
              this.formData.assessmentDoctor = this.resultList.assessmentDoctor||uni.getStorageSync("personalInfo").name;
              this.attitudeTowardsMedicalObservation = uni.getStorageSync('attitudeTowardsMedicalObservation') || this.resultList.attitudeTowardsMedicalObservation;
              this.observationArr.forEach((t,i) => {
                if (t.value == this.attitudeTowardsMedicalObservation)
                  this.attitudeTowardsMedicalObservationIndex = i;
              })
              this.degreeSuicideAndSelfInjury = uni.getStorageSync('degreeSuicideAndSelfInjury') || this.resultList.degreeSuicideAndSelfInjury;
              this.injuryArr.forEach((t,i) => {
                if (t.value == this.degreeSuicideAndSelfInjury)
                  this.degreeSuicideAndSelfInjuryIndex = i;
              })
              this.assessmentRiskLevel = uni.getStorageSync('assessmentRiskLevel') || this.resultList.assessmentRiskLevel || 0;
              this.comprehensiveArr.forEach((t,i) => {
                if (t.value == this.assessmentRiskLevel)
                  this.assessmentRiskLevelIndex = i;
              })
              this.assessmentTime = this.resultList.creatime;
            });
          }
        })
        .catch((e) => {
          console.log(e);
        });
    },
  },
};
</script>

<style lang="scss">


.myform {
  background-color: #fff;
  padding-bottom: 0;
}

.content {
  display: flex;
  flex-direction: column;

  .uni-forms-item__label {
    width: 300rpx !important;

    .label-text {
      color: #333 !important;
    }
  }

  .uni-forms-item {
    padding: 0 40rpx !important;
  }

  .uni-forms-item__inner {
    padding-bottom: 0 !important;
  }

  .is-input-border.is-disabled {
    background-color: #fff !important;
  }
}

.title {
  font-size: 40rpx;
  color: #000000;
  font-weight: bold;
}

.max-title {
  font-size: 40rpx;
  color: #000000;
  font-weight: 600;
  border-top: 60rpx solid #f9f9f9;
  border-bottom: 1px solid #f9f9f9;
  padding: 30rpx 40rpx;
  box-sizing: border-box;

  .default-all {
    color: #53adf3;
    font-size: 30rpx;
    line-height: 70rpx;
    &:last-child {
      margin: 0 76rpx 0 20rpx;
    }
  }
}

.picker-control {
  padding: 20rpx 40rpx;
  box-sizing: border-box;
  align-items: center;
  color: #333333;

  &-title {
    font-weight: 500;
    font-size: 26rpx;
  }

  &-con {
    &-picker {
      margin-top: 20rpx;
      padding: 10rpx 20rpx;
      text-align: left;
      border: 1px solid #f2f2f2;
      border-radius: 8rpx;

      &-date {
        border-left: 0;
        border-right: 0;
        border-top: 0;
        border-bottom: 1px solid #f2f2f2;

        .uni-input {
          line-height: 80rpx;
        }
      }

      .uni-input {
        width: 90%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 26rpx;
      }
    }
  }
}

.nav-list {
  &-item {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 100%;
    height: 200rpx;
    border-radius: 10rpx;
    margin-bottom: 40rpx;
    padding: 40rpx;
    box-sizing: border-box;
    display: flex;
    align-items: center;

    &-img {
      margin-right: 20rpx;

      &-show {
        width: 110rpx;
        height: 110rpx;
      }
    }

    &-arr {
      flex: 1;
      margin-right: 20rpx;
      text-align: right;

      &-show {
        width: 30rpx;
      }
    }

    // &-title {
    // }
  }
}

.assessment {
  &-item {
    display: flex;
    padding-top: 40rpx;
    padding-bottom: 40rpx;
    padding-left: 40rpx;
    padding-right: 40rpx;
    font-size: 30rpx;
    box-sizing: border-box;

    &-list {
      flex: 1;
      color: #999;
    }
  }
}

.info view view:first-child {
  color: #999999;
  border-bottom: 0;
}

.info view view:last-child {
  color: #000;
  font-size: 34rpx;
  border-bottom: 0;
}

.info {
  font-size: 30rpx;
  padding-left: 40rpx;
  padding-right: 40rpx;

  &-item {
    display: flex;
    justify-content: space-between;
    padding: 18rpx 0;
    border-bottom: 1px solid #f9f9f9;
    font-weight: 500;

    &-watch {
      color: #000;
      border: none;

      view:first-child {
        color: #000 !important;
        border-bottom: 0;
      }
    }

    &:last-child {
      border-bottom: 0;
    }
  }
}

.lettle-title {
  font-size: 40rpx;
  font-weight: 600;
  line-height: 98rpx;
  height: 98rpx;
}

.input-style {
  font-size: 24rpx;
  margin-top: 20px;
  border-bottom: 1rpx solid #e4e4e4;
}

// .flex-box {
//   height: 100rpx;
//   line-height: 100rpx;
//   font-size: 26rpx;
//   display: flex;
//   padding:0 40rpx;
//   justify-content: space-between;
//   color: #333333;
//   text{
//     font-size:26rpx;
//     color:#000;
//   }
// }
.flex-box {
  font-size: 26rpx;
  display: flex;
  justify-content: space-between;
  color: #333333;
  padding: 0 40rpx;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;

  & > view {
    height: 100rpx;
    line-height: 100rpx;
    display: flex;
    align-items: center;
  }

  text {
    font-size: 26rpx;
  }

  .my-input-style {
    height: auto;
    width: 100%;

    .content-clear-icon {
      height: 22px;
      line-height: 22px;
    }
  }
}
.required {
  &::after {
    content: '*';
    color: red;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
  }
}

.question {
  .uni-forms-item__label {
    width: 300rpx !important;

    .label-text {
      color: #333 !important;
    }
  }
}

.btn-con {
  width: 100%;
  background-color: #f9f9f9;
  padding: 40rpx;
  box-sizing: border-box;
}

.btn {
  width: 100%;
  height: 94rpx;
  background: #2c9af1;
  border-radius: 16rpx;
}

// .item-jbxx {
//   /* display: flex;
//   justify-content: space-between;
//   height: 130rpx; */
// }

.small-title {
  font-size: 30rpx;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
  margin: 40rpx 0 0 0;
}
</style>
